<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>




<script>
  //什么时候使用箭头函数
  //箭头函数中的this是如何查找的呢？
  //向外层作用域中，一层一层查找this,直到有this的定义
  //结论：箭头函数中的this引用的就是最近作用域中的this
  // setTimeout(function () {
  //     console.log(this)
  // },1000)
  //
  // setTimeout(()=>{
  //     console.log(this)
  // },1000)

  // const obj = {
  //     aaa(){
  //       setTimeout(function () {
  //           console.log(this)//Window
  //       })
  //         setTimeout(()=>{
  //             console.log(this)//Obj对象
  //         })
  //     },
  // }
  //
  // obj.aaa();


  const obj ={
      aaa(){
          setTimeout(function () {
            setTimeout(function () {
                console.log(this)   //Window
            })

              setTimeout(()=>{
                  console.log(this)   //Window
              })
          })

          setTimeout(()=>{
              setTimeout(function () {
                  console.log(this)   //Window
              })

              setTimeout(()=>{
                  console.log(this)   //Obj
              })
          })
      }
  }

  obj.aaa();

</script>
</body>
</html>